<template>
  <Topbar />
  <Header />
  <router-view></router-view>
  <Footer />
  <Login v-show="store.isShowLoginModal" />
</template>

<script setup lang="ts">
import Topbar from "@/components/Topbar.vue"
import Footer from "@/components/Footer.vue"
import Header from "@/components/Header.vue"
import Login from "@/components/Login.vue"
import { useShowStore } from "@/store/showModal"
import "@/assets/css/public.less";
const store = useShowStore()
</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
